草庐IT

HTML 样式- CSS

全部标签

javascript - 用于检查文本的 jquery 验证不包含 html

如何执行jquery验证来检查文本区域是否不包含html标签?(如果是错误)(顺便说一句,无论如何我都在阻止html通过服务器) 最佳答案 您可以使用JohnResig的HTML解析器(here),或者更简单的解决方案,只查找开始标记。$('textarea').each(function(){if($(this).val().match(/\s]+))?)*)\s*(\/?)>/)){alert('htmlfound');}});Neal的解决方案在包含有效jquery选择器的文本区域(例如仅包含“a”的文本区域)上存在误报问题。

javascript - 用 JavaScript 替换 CSS

我对来自PHP/MySQL环境的客户端编程比较陌生。我了解CSS和JavaScript在浏览器环境中可以发挥的作用,但是,如果没有JavaScript,CSS似乎将不可逆转地停滞不前。我绝不想引起争论,但这就是我这个“新手”的情况。那么为什么不只使用JavaScript来设置元素属性呢?如果是这样,这是一种常见的做法吗?(我确定CSS快得多...) 最佳答案 一些一般要点:CPU成本运行Javascript将样式应用于单个元素会非常慢。Javascript是同步的,因此它必须一次更新一种样式。另外,如其他地方所述,遍历DOM的计算量

javascript - 为什么标准是将css和js文件放在页面的顶部和底部(分别)?

很好奇为什么当您在header和页面顶部/底部使用css和js标准化网站时,性能会有所提高。 最佳答案 这并不完全正确。简单地说:样式声明应尽可能靠近顶部,因为浏览器不会在加载CSS之前呈现您的页面(以避免出现未设置样式的内容)脚本标签应尽可能靠近底部,因为它们会阻止浏览器在标签加载和完成之前对其进行解析(因为脚本可能会使用document.write更改文档)如果您对前端性能感兴趣,我强烈建议您阅读HighPerformanceWebSites:EssentialKnowledgeforFront-EndEngineers史蒂夫·

javascript - Angular js ng样式不起作用

Selectcolor:noneRedGreenhttp://plnkr.co/edit/IOHjEGbuOzD4CjwRqIK9?p=preview在这个plunker中,示例1工作得很好,但在示例2中选择颜色不起作用。提前致谢 最佳答案 这实际上是一个简单的修复,让myStyle更像是一个myColor类型的声明,并且在ng-style上有你的{{'color':myColor}}表达式:noneRedGreenTexttochangecolorTHIS实例中不需要ng-change函数。WorkingExample编辑、解释:

javascript - AngularJS 添加到浏览器历史记录而无需重新加载页面且无需 HTML5 pushstate

我有一个搜索页面,允许用户深入分类和/或输入搜索词。我想让用户能够使用后退按钮撤消这些操作。使用AngularJS,我怎样才能让这个页面为这些操作中的每一个添加条目到浏览器历史记录中。我不能使用HTML5pushstate。 最佳答案 我发现我可以通过使用here中有关reloadOnSearch的答案更改查询字符串参数而无需重新加载页面来做到这一点|:$routeProvider.when('/items',{controller:'ItemsCtrl',templateUrl:'/templates/items',reloadO

javascript - 使用 jQuery 创建新的(不改变)样式表

我们有一个我构建的小工具,您可以在其中编辑一个字段中的jQuery模板和另一个字段中的JSON数据,然后点击一个按钮立即在浏览器中查看结果。不过,我确实需要扩展它,以便设计人员可以在另一个字段中编辑完整的CSS样式表,并且当我们呈现模板时,它将应用CSS。我们的想法是,一旦我们获得了好的结果,我们就可以获取这三个字段的内容,将它们放入文件中并在我们的元素中使用它们。我找到了jQuery.cssRule插件,但它看起来基本上已被废弃(所有链接都无处可去,三年来没有开发)。有更好的游戏吗?还是镇上唯一的游戏?注意:我们正在寻找这样的东西,有人可以在这里输入传统的CSS样式表数据,并立即用于

javascript - 使用 JavaScript/JQuery 获取整个文档的 html

我知道这里已经讨论过了,但是没有解决方案来获取整个文档(包括doctype)。$(document).html();返回null... 最佳答案 这将为您提供所有HTML:document.documentElement.outerHTML不幸的是它不返回文档类型。但是您可以使用document.doctype获取它并将两者粘合在一起。 关于javascript-使用JavaScript/JQuery获取整个文档的html,我们在StackOverflow上找到一个类似的问题:

javascript - 仅使用 css 显示隐藏 div

我正在尝试仅使用css进行显示/隐藏,是否可能或是否需要某种类型的jscript?这就是我想要做的,当4个div中的任何一个被点击时,它的div就会显示在下面。AN11234AN21234AN31234AN41234点击div时显示div:thisisAN1thisisAN2thisisAN3thisisAN4 最佳答案 您可以使用与点击区域中的标签相对应的可以切换的隐藏输入。AN11234...thisisAN1然后在你的CSS中:[type=checkbox]{display:none;}:checked+div{display

javascript - ExpressJs 不在某些路线上加载 CSS

我一直在使用MEAN堆栈,但遇到了我的CSS无法在某些页面上正确加载的问题。尝试以下两个链接来比较/理解:https://edmtl.herokuapp.com/songhttps://edmtl.herokuapp.com/song/布局.jade:doctypehtmlhtmlheadtitle=titlemeta(name="viewport"content="width=device-width,initial-scale=1.0")link(rel='stylesheet',href='css/bootstrap.css')link(rel='stylesheet',href

javascript - 如果用户可以使用语言 rtl 或 ltr,如何自动更改输入字段的 CSS 方向属性

示例:如果我使用阿拉伯语,文本字段方向将为rtl,如果我想编写新文本并切换到英语,文本字段内的方向(`text-align:left)将为ltr自动 最佳答案 您可以在此处使用值为auto的全局HTML5属性dir,如下所示:来自规范:Theautokeyword,whichmapstotheautostateIndicatesthatthecontentsoftheelementareexplicitlyembeddedtext,butthatthedirectionistobedeterminedprogrammatically